* {
	padding: 0;
	margin: 0;
}
.wrap {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(rgba(16,16,16,0.8),rgba(16,16,16,0.8)), url(https://hatsune-miku-yyy-blog-static.oss-cn-chengdu.aliyuncs.com/static/730e0cf3d7ca7bcbc0ac9cdab4096b63f724a874.jpg);
	background-size: cover;
}
.btn {
	position: relative;
	padding: 1rem 3rem;
	font-size: 1rem;
	line-height: 1.5;
	color: skyblue;
	text-decoration: none;
	text-transform: uppercase;
	background-color: transparent;
	border: 1px solid pink;
	outline: transparent;
	cursor: pointer;
	white-space: nowrap;
	transition: 0.25s;
	&-shine {
		overflow: hidden;
		&::before {
			position: absolute;
			content: "";
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			transform: translateX(-100%);
			background: linear-gradient(120deg,transparent,rgba(255, 180, 225, 0.7),transparent);
			transition: 0.5s;
		}
		&:hover {
			box-shadow: 0 0 20px 10px lightpink;
			&::before {
				transform: translateX(100%);
			}
		}
	}
}